﻿nav {
  background: rgba(0, 0, 0, 0.8);
  padding: 20px 0 20px 0;
  text-align: center;
}

nav a.brand {
  letter-spacing: 1px;
  color: #f4f4f4;
  font-size: 32px;
  font-weight: 900;
  font-family: "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  -webkit-transition: color 0.5s ease-in;
  -moz-transition: color 0.5s ease-in;
  -o-transition: color 0.5s ease-in;
  transition: color 0.5s ease-in;
}

nav a.brand:hover {
  color: #c0e4ff;
  text-decoration: none;
}



header section {
  padding: 100px 0 50px;
  text-align: center;
}

header section h1, header section h2 {
  
  font-family: "Source Sans Pro", sans-serif;
}

header section h1 {
  font-weight: 400;
  text-shadow: 0 1px 0 #374683;
}

header section h2 {
  font-weight: 300;
}

header section form {
  padding-top: 1.5em;
}

header section form input:first-child {
  background: white;
  color: black;
  border: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 20px;
  text-align: center;
  width: 200px;
  border-radius: 4px;
  height: auto;
  padding: 11px 5px;
  margin-bottom: 0;
}

header section form input:first-child:focus {
  outline: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset, rgba(82, 168, 236, 0.6) 0 0 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset, rgba(82, 168, 236, 0.6) 0 0 8px;
  box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset, rgba(82, 168, 236, 0.6) 0 0 8px;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

header section form .btn-gold {
  padding: 13px 5px;
  background: white;
  color: black;
  border: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 20px;
  text-align: center;
  width: 200px;
  border-radius: 4px;
  background-color: #a3681b;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9A041', endColorstr='#FF7C4907');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9a041), color-stop(100%, #7c4907));
  background-image: -webkit-linear-gradient(top, #e9a041 0%, #7c4907);
  background-image: -moz-linear-gradient(top, #e9a041 0%, #7c4907);
  background-image: -o-linear-gradient(top, #e9a041 0%, #7c4907);
  background-image: linear-gradient(top, #e9a041 0%, #7c4907);
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(255, 255, 255, 0.5) 0 0 1px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(255, 255, 255, 0.5) 0 0 1px inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(255, 255, 255, 0.5) 0 0 1px inset;
  color: white;
  border: 1px solid #613e12;
  text-shadow: 0 1px 0 #6d4107;
}

header section form .btn-gold:hover {
  background-color: #bd7921;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFBA60', endColorstr='#FF7C4907');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffba60), color-stop(100%, #7c4907));
  background-image: -webkit-linear-gradient(top, #ffba60 0%, #7c4907);
  background-image: -moz-linear-gradient(top, #ffba60 0%, #7c4907);
  background-image: -o-linear-gradient(top, #ffba60 0%, #7c4907);
  background-image: linear-gradient(top, #ffba60 0%, #7c4907);
  background-position: 0;
  color: white;
}

header section form .btn-gold:active {
  outline: none;
  background-color: #b1701c;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF7C4907', endColorstr='#FFB1701C');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(22%, #7c4907), color-stop(100%, #b1701c));
  background-image: -webkit-linear-gradient(top, #7c4907 22%, #b1701c 100%);
  background-image: -moz-linear-gradient(top, #7c4907 22%, #b1701c 100%);
  background-image: -o-linear-gradient(top, #7c4907 22%, #b1701c 100%);
  background-image: linear-gradient(top, #7c4907 22%, #b1701c 100%);
}


article {
  background: #3079a0;
  padding: 20px 0 40px 0;
}

article ul {
  margin: 0;
  padding: 0;
}

article ul li {
  text-align: center;
  padding-top: 20px;
  color: white;
}

article ul li i {
  color: white;
  font-size: 40px;
  text-shadow: 0 0 1px #333333;
}

article ul li .box {
  margin-top: 20px;
  padding: 10px 20px 20px 20px;
  border-radius: 4px;
  border: none;
  background: #256c93;
  box-shadow: 0 0 2px #033b40 inset;
}

article ul li .box h3 {
  color: inherit;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  font-size: 28px;
}

article ul li .box p {
  color: white;
  line-height: 150%;
}


footer {
  background: #111111;
  color: #777777;
  text-align: center;
  padding: 40px;
}

footer ul, footer li {
  float: none;
  position: relative;
}

footer ul {
  margin: 0 0 20px 0;
  padding-bottom: 20px;
  list-style-type: none;
}

footer ul li {
  display: inline-block;
  margin: 0 10px;
}

footer ul li a {
  color: #cccccc;
}

footer ul li a:hover {
  text-decoration: none;
  color: #29a3d0;
}




